<template>
  <div>
    <main class="not-found">
      <a-empty description="暂无此页面"></a-empty>
    </main>
  </div>
</template>
<script>
import { Empty } from "ant-design-vue";
export default {
  components: {
    AEmpty: Empty,
  },
};
</script>
<!-- 这里最难的也就是内容居中--有难度 以及配置404页面 -->
<style scoped>
.not-found {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
</style>